<div class="page-header no-breadcrumb font-header">菜单列表</div>
<div class="content-wrap form-inline">
    <div class="panel panel-default">

        <!--panel-heading-->
        <div class="panel-heading font-header">
            <a href="menus/create" class="btn btn-success btn-flat">创建菜单列表</a>
        </div>
        <!--panel-heading-->

        <!--panel-body-->
        <div class="panel-body">
            <div class="row common-padding">

            </div>
        </div>
        <!--panel-body-->

        <!--table-responsive-->
        <div class="table-responsive overflow-x">
            <div id="datatable_wrapper" class="dataTables_wrapper dt-bootstrap no-footer">
                <!--row-->
                <div class="row common-body common-ptop">
                    <div class="col-sm-12 table-items">
                        <table aria-describedby="datatable_info" class="table table-striped font-12 dataTable no-footer">
                            <thead>
                            <tr role="row">
                                <th>菜单名称
                                </th>
                                <th class="text-center">权限名称
                                </th>
                                <th class="text-center">创建菜单
                                </th>
                                <th class="text-center">父级菜单
                                </th>
                                <th class="text-center">链接
                                </th>
                                <th class="text-center">操作
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr role="row" class="odd">
                                <td class="sorting_1">赵老大</td>
                                <td class="text-center">栏目管理，内容管理，设备管理</td>
                                <td class="text-center">栏目管理，内容管理，设备管理</td>
                                <td class="text-center">2015-11-27 11:12</td>
                                <td class="text-center">栏目管理，内容管理，设备管理</td>
                                <td class="text-center">
                                    <a href="#" class="text-success">编辑</a>
                                    <a href="#" class="text-danger"> 删除</a>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
                <!--row-->

                <div class="row">
                    <div class="col-sm-7">
                        <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                            <ul class="pagination">
                                <li class="paginate_button previous disabled" id="datatable_previous"><a href="#"
                                                                                                         aria-controls="datatable"
                                                                                                         data-dt-idx="0"
                                                                                                         tabindex="0">上一页</a>
                                </li>
                                <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                      data-dt-idx="1" tabindex="0">1</a></li>
                                <li class="paginate_button "><a href="#" aria-controls="datatable" data-dt-idx="2"
                                                                tabindex="0">2</a></li>
                                <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                        aria-controls="datatable"
                                                                                        data-dt-idx="3"
                                                                                        tabindex="0">下一页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--row-->
            </div>
        </div>
        <!--table-responsive-->

    </div>
</div>
